@charset "utf-8";
.web{
    width: 1366px;
    height: 100%;
    margin: 0 auto;
    header{
        width: 100%;
        height:73px ;
        border-bottom: 1px solid #dfdfdf;
        .logo_red{
            margin-left: 21px;
            margin-top: 7px;
            float: left;
        }
        ul{
            margin-left: 324px;
            margin-top: 30px;
            float: left;
            li{
                float: left;
                margin-right: 44px;
            }
        }
        .type{
            height: 73px;
            float: left;
            margin-left: 211px;
            .one{
                width: 74px;
                height: 73px;
                float: left;
                &:hover{
                    background:#e7e7e7;
                }
                .type_one{
                    font-size: 15px;
                    text-align: center;
                    display: block;
                    margin-top: 30px;
                    color: #000;
                }
            }
            .two{
                width: 89px;
                height: 73px;
                float: left;
                &:hover{
                    background:#e7e7e7;
                }
                .type_two{
                    font-size: 15px;
                    text-align: center;
                    display: block;
                    margin-top: 30px;
                    color: #000;
                }
            }
        }
        .head_input{
            width: 190px;
            height: 25px;
            margin-left:33px;
            margin-top: 27px;
            border: 1px solid #dbdddf;
            border-radius: 13px;
            padding-left: 12px;
            float: left;
            padding-right: 29px;
            box-sizing: border-box;
        }
        .seek{
            margin-left: -27px;
            margin-top: 27px;
        }
        .head_right{
            width: 268px;
            height: 73px;
            float: right;
            .one{
                width: 72px;
                height: 73px;
                border-left: 1px solid #dfdfdf;
                float: left;
                position: relative;
                .gwc{
                    position: absolute;
                    top:50%;
                    left:50%;
                    margin-left: -9px;
                    margin-top: -8px;
                    color: #878787;
                }
                
            }
            .two{
                width: 72px;
                height: 73px;
                border-left: 1px solid #dfdfdf;
                float: left;
                position: relative;
                .user{
                    top:50%;
                    left:50%;
                    position: absolute;
                    margin-left: -8px;
                    margin-top: -8px;
                    color: #878787;
                }
            }
            .three{
                width: 76px;
                height: 73px;
                text-align: center;
                border-left: 1px solid #dfdfdf;
                float: left;
                a{
                    width: 76px;
                    height: 73px;
                    display: block;
                    &:hover{
                        background: #e7e7e7;
                    }
                }
                span{
                    font-size: 10px;
                    color: #878787;
                    line-height: 73px;
                    letter-spacing: -1px;
                }
            }
            .four{
                width: 44px;
                height: 73px;
                border-left: 1px solid #dfdfdf;
                float: right;
                .ch{
                    top:50%;
                    left:50%;
                    position: absolute;
                    margin-left: -8px;
                    margin-top: -8px;
                    color: #878787;
                }
                a{    
                    position: relative;
                    width: 44px;
                    height: 73px;
                    display: block;
                    &:hover{
                        background: #e7e7e7;
                    }
                }
            }
            a{
                width: 72px;
                height: 73px;
                display: block;
                &:hover{
                    background: #e7e7e7;
                }
            }
        }
    
    }
    footer{
        width: 100%;
        height: 249px;
        background: #eb413d;
        .logo_white{
            margin-left: 392px;
            margin-top: 52px;
            float: left;
        }
        .bottom_nav{
            width: 1px;
            height: 88px;
            float: left;
            border-left: 1px solid #f07471;
            margin-left: 47px;
            margin-top: 52px;
        }
        .bottom_link{
            margin-left: 48px;
            margin-top: 48px;
            float: left;
            .fl{
                float: left;
                margin-right: 58px;
            }
            ul{
                color: white;
                li{
                    font-size: 12px;
                    list-style-type: none;
                    .chunk{
                        display: inline-block;
                        
                    }
                    a{
                        line-height: 24px;
                        color: white;
                        &:hover{
                            color: #e7e7e7;
                        }
                    }
                    .tod{
                        width: 4px;
                        height: 4px;
                        border-radius: 4px;
                        background: white;
                        vertical-align: middle;
                        float: left;
                        margin-top: 10px;
                        margin-right: 5px;
                    }
                }
            }
            .bottom_link{
                margin-left: 48px;
            }
        }
        .bottom_font{
            padding-top: 205px;
            text-align: center;
            .font_white{
                font-size: 12px;
                color: white;
            }
        }
    }
}
